﻿window.onload=function(){
 var oBox=document.getElementById('box');
 var oBtn=document.getElementById('btn');
 var aBtn=oBtn.getElementsByTagName('a');
 //alert(aBtn.length);
 var aPicText=getByclass('picbox',oBox);
 for(var i=0;i<aBtn.length;i++){
  aBtn[i].index=i;
  aBtn[i].onmouseover=function(){
   for(var n=0;n<aBtn.length;n++){
    aPicText[n].style.display="none";
    aBtn[n].className='';
   }
   aPicText[this.index].style.display="block"
   this.className='act';
  }
 }
 function getByclass(sName,oParent){
  var obj=oParent.getElementsByTagName('*');
  var result=[];
  for(var i=0;i<obj.length;i++){
   if(obj[i].className==sName){
    result.push(obj[i]);
   }
  }
  return result;
 }
}
